<!-- navbar header -->
<div class="navbar-header {{app.settings.navbarHeaderColor}}">
	<button class="pull-right visible-xs dk" ui-toggle-class="show" data-target=".navbar-collapse">
		<i class="glyphicon glyphicon-cog"></i>
	</button>
	<button class="pull-right visible-xs" ui-toggle-class="off-screen" data-target=".app-aside" ui-scroll="app">
		<i class="glyphicon glyphicon-align-justify"></i>
	</button>
	<!-- brand -->
	<a href="#" class="navbar-brand text-lt" style="line-height: 23px; width: 200px; margin-top: 10px;">
		<!-- <i class="fa fa-btc"></i> -->
		<img src="" alt="." class="hide">
		<!--<img src="./app/998mstp/img/logo.png" alt="." class="hide">-->
		<marquee class="hidden-folded" behavior="alternate" scrollamount="1">{{app.name}}</marquee>
	</a>
	<!-- / brand -->
</div>
<!-- / navbar header -->

<!-- navbar collapse -->
<div class="collapse pos-rlt navbar-collapse box-shadow {{app.settings.navbarCollapseColor}}">
	<!-- buttons -->
	<div class="nav navbar-nav hidden-xs">
		<a href class="btn no-shadow navbar-btn" ng-click="app.settings.asideFolded = !app.settings.asideFolded">
			<i class="fa {{app.settings.asideFolded ? 'fa-indent' : 'fa-dedent'}} fa-fw"></i>
		</a>
	</div>
	<!-- / buttons -->

	<!-- nabar right -->
	<ul class="nav navbar-nav navbar-right">
		<a href="" ng-click="logout()" class="btn pull-right mt10" style="color: red;">
			<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
		</a>
		<li class="dropdown" is-open="lang.isopen" dropdown>
			<a href class="dropdown-toggle" dropdown-toggle>{{sys_label.name}}
				<b class="caret"></b>
			</a>
			<!-- dropdown -->
			<ul class="dropdown-menu animated fadeInRight w">
				<li ng-repeat="sys in sys_list">
					<a ng-click="setMenu(sys, $event)" href>{{sys.name}}</a>
				</li>
			</ul>
			<!-- / dropdown -->
		</li>
		<li class="hidden-xs">
			<a ui-fullscreen></a>
		</li>
	</ul>
	<!-- / navbar right -->

</div>
<!-- / navbar collapse -->